﻿<UserControl x:Class="SilverlightRibbon.Test"
             xmlns="http://schemas.microsoft.com/client/2007" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             Width="1000" Height="600">
    <Canvas x:Name="LayoutRoot" Background="#FFFFFF">

        <Canvas Width="426" Height="447" Canvas.Left="10" Canvas.Top="10">
            
            <Canvas.Clip>
                <RectangleGeometry Rect="0,0,426,447" RadiusX="3" RadiusY="3" />
            </Canvas.Clip>
            
            <Canvas.Background>
                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                    <GradientStop Offset="0.0" Color="#CFD4D9" />
                    <GradientStop Offset="0.6" Color="#CCD1D8" />
                    <GradientStop Offset="1.0" Color="#CAD0D7" />
                </LinearGradientBrush>
            </Canvas.Background>

            <Rectangle Canvas.Left="0" Canvas.Top="0" Width="426" Height="16">
                <Rectangle.Fill>
                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                        <GradientStop Offset="0" Color="#DEE2E5" />
                        <GradientStop Offset="0.5" Color="#E0E4E7" />
                        <GradientStop Offset="0.51" Color="#D8DCE1" />
                        <GradientStop Offset="1" Color="#D2D7DC" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle Canvas.Left="0" Canvas.Top="420" Width="426" Height="27">
                <Rectangle.Fill>
                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                        <GradientStop Offset="0" Color="#CBD0D7" />
                        <GradientStop Offset="0.5" Color="#CCD1D8" />
                        <GradientStop Offset="0.51" Color="#C2C8D0" />
                        <GradientStop Offset="1" Color="#D9E2E6" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle Canvas.Left="0" Canvas.Top="0.5" Width="426" Height="446" Stroke="#FFFFFF" RadiusX="4" RadiusY="4" />
            <Rectangle Canvas.Left="-0.5" Canvas.Top="-0.5" Width="427" Height="448" Stroke="#73767A" RadiusX="3" RadiusY="3" />
            <Rectangle Canvas.Left="5" Canvas.Top="17" Width="417" Height="403" Stroke="#FFFFFF" />
            <Rectangle Canvas.Left="5.5" Canvas.Top="17.5" Width="416" Height="402" Stroke="#73767A" />

            <Canvas Canvas.Left="6" Canvas.Top="18" Width="415" Height="401" Background="#FFFFFF">

                <Line X1="113" Y1="0" X2="113" Y2="401" Stroke="#C5C5C5" />
                      
                <Grid Canvas.Left="0" Canvas.Top="0" Width="415">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="113" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition MinHeight="401" />
                    </Grid.RowDefinitions>
                    
                    <Canvas Grid.Column="1" Background="#F1F2F5" Margin="1" />
                    <Grid Grid.Column="1" Margin="1">
                        
                        <Grid.RowDefinitions>
                            <RowDefinition Height="27" />
                            <RowDefinition Height="21" />
                            <RowDefinition Height="21" />
                        </Grid.RowDefinitions>
                        
                        <Line X1="2" Y1="22" X2="300" Y2="22" Stroke="#D2D6DB">
                            <Line.Clip>
                                <RectangleGeometry Rect="2,22,300,1" />
                            </Line.Clip>
                        </Line>
                        
                        <TextBlock Text="Recent Documents" Foreground="#4C535C" FontFamily="Calibri" FontSize="11.5"
                                   HorizontalAlignment="Left" VerticalAlignment="Top" FontWeight="Bold" Margin="8,4,0,0" />
                        
                        <Grid Grid.Row="1">
                            
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="28" />
                            </Grid.ColumnDefinitions>
                            
                            <Canvas Grid.Column="0" Grid.ColumnSpan="2">
                                <Canvas.Background>
                                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                        <GradientStop Offset="0" Color="#DBCE99" />
                                        <GradientStop Offset="1" Color="#D7D0B3" />
                                    </LinearGradientBrush>
                                </Canvas.Background>
                                <Canvas.Clip>
                                    <RectangleGeometry Rect="0,0,299,21" RadiusX="3" RadiusY="3" />
                                </Canvas.Clip>
                            </Canvas>

                            <Canvas Grid.Column="0" Grid.ColumnSpan="2" Margin="0.5">
                                <Canvas.Background>
                                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                        <GradientStop Offset="0" Color="#FFFFFB" />
                                        <GradientStop Offset="0.49" Color="#FFEDB4" />
                                        <GradientStop Offset="0.5" Color="#FFD566" />
                                        <GradientStop Offset="1" Color="#FFF8B5" />
                                    </LinearGradientBrush>
                                </Canvas.Background>
                                <Canvas.Clip>
                                    <RectangleGeometry Rect="0.5,0.5,297,19" RadiusX="2" RadiusY="2" />
                                </Canvas.Clip>
                            </Canvas>
                            
                            <Grid Grid.Column="0">
                                
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="20" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                
                                <TextBlock Grid.Column="0" Text="1" Foreground="#4C535C" FontFamily="Calibri" FontSize="11"
                                           HorizontalAlignment="Center" VerticalAlignment="Center" TextDecorations="Underline" />
                                <TextBlock Grid.Column="1" Text="HelloWorld" Foreground="#4C535C" FontFamily="Calibri" FontSize="11"
                                           HorizontalAlignment="Left" VerticalAlignment="Center" />
                                
                            </Grid>
                            

                        </Grid>
                        
                        <Grid Grid.Row="2">
                            
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="28" />
                            </Grid.ColumnDefinitions>
                            
                            <Grid Grid.Column="0">
                                
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="20" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                
                                <TextBlock Grid.Column="0" Text="2" Foreground="#4C535C" FontFamily="Calibri" FontSize="11"
                                           HorizontalAlignment="Center" VerticalAlignment="Center" TextDecorations="Underline" />
                                <TextBlock Grid.Column="1" Text="Test" Foreground="#4C535C" FontFamily="Calibri" FontSize="11"
                                           HorizontalAlignment="Left" VerticalAlignment="Center" />
                                
                            </Grid>
                            

                        </Grid>
                        
                    </Grid>
                    
                </Grid>
                
            </Canvas>

            <!-- Menu Buttons 1 and 2 -->
            <Grid Canvas.Left="0" Canvas.Top="419" Width="426" Height="27">
                
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                
                <Grid Grid.Column="1" Height="22" Width="106" Margin="0,0,5,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="22" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Rectangle Grid.ColumnSpan="2" Stroke="#8D949D" StrokeThickness="0.5" RadiusX="2" RadiusY="2" Height="22" Width="106">
                        <Rectangle.Fill>
                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                <GradientStop Offset="0" Color="#EBF0F5" />
                                <GradientStop Offset="0.5" Color="#ECF0F5" />
                                <GradientStop Offset="0.51" Color="#CBD2DB" />
                                <GradientStop Offset="1" Color="#F0F4F9" />
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <TextBlock Grid.Column="1" Foreground="#4C535C" FontFamily="Calibri" FontSize="11.5"
                               HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,1,0,0">
                        Word Opt<Run TextDecorations="Underline">i</Run>ons
                    </TextBlock>
                </Grid>
                
                <Grid Grid.Column="2" Height="22" Width="82" Margin="0,0,5,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="22" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Rectangle Grid.ColumnSpan="2" Stroke="#8D949D" StrokeThickness="0.5" RadiusX="2" RadiusY="2" Height="22" Width="82">
                        <Rectangle.Fill>
                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                <GradientStop Offset="0" Color="#EBF0F5" />
                                <GradientStop Offset="0.5" Color="#ECF0F5" />
                                <GradientStop Offset="0.51" Color="#CBD2DB" />
                                <GradientStop Offset="1" Color="#F0F4F9" />
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <TextBlock Grid.Column="1" Foreground="#4C535C" FontFamily="Calibri" FontSize="11.5"
                               HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,1,0,0">
                        E<Run TextDecorations="Underline">x</Run>it Word
                    </TextBlock>
                </Grid>
                
                
                
            </Grid>
            
        </Canvas>

    </Canvas>
</UserControl>